<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>小米商城 - 小米MIX 2、红米5 Plus、小米Note 3、小米笔记本官方网站</title>
    <script src="css/swiper.min.js"></script>
    <link rel="shortcut icon" href="imgc/01_08.png" type="image/x-icon" />
    <link rel="stylesheet" href="一整套字体/font/iconfont.css"/>
    <link rel="stylesheet" href="css/base.css"/>
    <link rel="stylesheet" href="css/sansui.css">
    <link rel="stylesheet" href="css/mi.css"/>
    <link rel="stylesheet" href="css/s.css"/>
    <link rel="stylesheet" href="css/swiper-4.1.0.min.css"/>
    <link rel="stylesheet" href="css/lcss.css"/>
    <link rel="stylesheet" href="sass/H-jd.css"/>
    <link rel="stylesheet" href="css/font.css"/>
    <link rel="stylesheet" href="css/ccc.css"/>
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/gongn.js"></script>
    <script src="js/swiper-4.1.0.min.js"></script>

</head>
<body>
<div id="test">
    <img src="img/c_1.png">
    <button class="btn11">关闭</button>
</div>

<!--导航-->
		<div class="l-bo">
			<div class="l-box">
				<div>
					<a rel="nofollow" href="//www.mi.com/index.html">小米商城</a><span>|</span>
					<a rel="nofollow" href="http://www.miui.com/">MIUI</a><span>|</span>
					<a rel="nofollow" href="https://iot.mi.com/index.html">IoT</a><span>|</span>
					<a rel="nofollow" href="https://i.mi.com/">云服务</a><span>|</span>
					<a rel="nofollow" href="https://shuidi.mi.com/">水滴</a><span>|</span>
					<a rel="nofollow" href="https://jr.mi.com?from=micom">金融</a><span>|</span>
					<a rel="nofollow" href="https://youpin.mi.com/">有品</a><span>|</span>
					<a rel="nofollow" href="#J_modal-globalSites">Select Region</a>
				</div>
				<!--前log-->
				<!--前log-->
				<div class="l-box-sy">
					<a rel="nofollow" href="//static.mi.com/cart/">
						<i class="iconfont">  &#xe60c;</i> 购物车
						<span>（0）</span>
					</a>
					<div class="l-Cart">
						请添加商品
					</div>
				</div>
				<!--购物车-->
				<!--购物车-->
				<div>
					<a rel="nofollow" href="#">
						登录</a>
					<span>|</span>
					<a rel="nofollow" href="https://account.xiaomi.com/pass/register">注册</a>
					<span>|</span>
					<span>
					<a rel="nofollow" href="//order.mi.com/message/list" >消息通知
						<i></i>
					</a>
				</span>
				</div>
				<!--注册、、、、登录、、、消息-->
			</div>
		</div>

		<!--导航-->
		<div class="l-nav1">
			<div class="l-nav" style="box-sizing: border-box;">
				<diV>
					<img src="img/ml.png " title="小米官网 " />
				</div>
				<!--ul中部导航-->
				<ul>
					<li>
						<a href="javascript;" class="l-nav-ulli-a"><span>小米手机</span></a>
						<!--每个li 内容-->
					</li>
					<li>
						<a href="javascript;" class=""><span>红米</span></a>
						<!--每个li 内容-->
					</li>
					<li>
						<a href="javascript;" class=""><span>笔记本</span></a>
					</li>
					<li>
						<a href="javascript;" class=""><span>电视</span></a>
					</li>
					<li>
						<a href="javascript;" class=""><span>盒子</span></a>
					</li>
					<li>
						<a href="javascript;" class=""><span>新品</span></a>
					</li>
					<li>
						<a href="javascript;" class=""><span>路由器</span></a>
					</li>
					<li>
						<a href="javascript;" class=""><span>智能硬件</span></a>

					</li>
					<li>
						<a href="javascript;" class=""><span>服务</span></a>
					</li>
					<li>
						<a href="javascript;" class=""><span>社区</span></a>
					</li>
				</ul>

				<div class="l-click">
					<form>
						<input type="search" class="l-input">
						<input type="submit" class="l-input1 iconfont" value=" &#xe616; ">
						<div class="l-sj">
							<a href="https://www.mi.com/redmi5/ ">红米5 Plus</a>
							<a href="https://item.mi.com/product/10000069.html ">小米Note 3</a>
						</div>
					</form>
					<div class="l-click-u">
						<div>
							<a href="#" class="l-dian">小米手机6<span class="l-click-in-r">约有29件</span></a>
						</div>
						<div>
							<a href="#">小米手机5X<span class="l-click-in-r">约有8件</span></a>
						</div>
						<div>
							<a href="#">红米note&nbsp;4X<span class="l-click-in-r">约有14件</span></a>
						</div>
						<div>
							<a href="#">红米手机4X<span class="l-click-in-r">约有9件</span></a>
						</div>
						<div>
							<a href="#">小米Max&nbsp;2<span class="l-click-in-r">约有5件</span></a>
						</div>
						<div>
							<a href="#">小米电视4C<span class="l-click-in-r">约有2件</span></a>
						</div>
						<div>
							<a href="#">电视32英寸<span class="l-click-in-r">约有1件</span></a>
						</div>
						<div>
							<a href="#">笔记本pro<span class="l-click-in-r">约有3件</span></a>
						</div>
						<div>
							<a href="#">空气净化器<span class="l-click-in-r">约有17件</span></a>
						</div>
						<div>
							<a href="#">净水器<span class="l-click-in-r">约有9件</span></a>
						</div>
					</div>
				</div>
			</div>

			<div class="l-navc">
				<div class="l-navcc">
					<ol>
						<li>

							<div>
								<a href="#">
									<img src="img/xiaomi.png" alt="小米MIX 2" width="160" height="110" />
								</a>
							</div>
							<div>
								<div>新品</div>
							</div>
							<div>
								<a href="#" style="margin: 0;padding: 0;">小米MIX 2</a>
							</div>
							<p>3299起</p>
						</li>
						<li>
							<div>
								<a href="#">
									<img src="img/xiaomi.png" alt="小米MIX 2" width="160" height="110" />
								</a>
							</div>
							<div>
								<div>新品</div>
							</div>
							<div>
								<a href="#" style="margin: 0;padding: 0;">小米MIX 2</a>
							</div>
							<p>3299起</p>
						</li>
						<li>

							<div>
								<a href="#">
									<img src="img/xiaomi.png" alt="小米MIX 2" width="160" height="110" />
								</a>
							</div>
							<div>
								<div>新品</div>
							</div>
							<div>
								<a href="#" style="margin: 0;padding: 0;">小米MIX 2</a>
							</div>
							<p>3299起</p>
						</li>
					</ol>
				</div>
			</div>

		</div>

	





<!--轮播-->
<div class="w">
    <div class="swiper-container mostone swiper-no-swiping">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="img/img%20(53).jpg"></div>
            <div class="swiper-slide"><img src="img/img%20(52).jpg"></div>
            <div class="swiper-slide"><img src="img/img%20(51).jpg"></div>
            <div class="swiper-slide"><img src="img/img%20(56).jpg"></div>
            <div class="swiper-slide"><img src="img/img%20(48).jpg"></div>
        </div>
        <div class="swiper-pagination dian"></div>
        <div class="swiper-button-next swiper-button-white www"></div>
        <div class="swiper-button-prev swiper-button-white kkk"></div>
        <!--<div class="swiper-button-next swiper-button-black"></div>-->
    </div>
    <div class="ql_mot">
        <ul>
            <li class="ql-dd"><a href="#"><span>手机 电话卡</span><span class="iconfonta"><img src="img/imgs.png"></span></a>
                <div class="ql_combaeer">
                    <ul class="ql_motnoe">
                        <li class="ql_topbaerr"><a href="#"><img src="img/note.png"><span>小米 NOTE 3</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note1.png"><span>红米5</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/sbsm.jpg"><span>移动4G+专区</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note2.png"><span>小米MIX 2</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note3.png"><span>红米5A</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note4.png"><span>对比手机</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note5.png"><span>小米6</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note6png.png"><span>红米NOTE 5A</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note7.png"><span>米粉卡 日组卡</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note8.png"><span>小米5</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note9.png"><span>红米NOTE 4</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note10.png"><span>小米移动 电话卡</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note11.png"><span>小米MaX 2</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note12.png"><span>红米 4X</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note13.png"><span>手机上门维修服务</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note14.png"><span>红米5 Plus</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note15.png"><span>红米 4A</span></a></li>
                    </ul>
                </div>
            </li>
            <li class="ql-dd" ><a href="#"><span>笔记本</span ><span class="iconfonta"> <img src="img/imgs.png"> </span></a>
                <div class="ql_combaeer">
                    <ul class="ql_motnoe">
                        <li class="ql_topbaerr"><a href="#"><img src="img/xingqi.jpg"><span>笔记本Air 12.5"</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/xingqi1.jpg"><span>AGV千兆网口转接器</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/xingqi2.jpg"><span>DisplayPort转接器</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/xingqi3.jpg"><span>小米MIX 2</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/xingqi4.jpg"><span>红米5A</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/xingqi4.jpg"><span>对比手机</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/xingqi2.jpg"><span>小米6</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/xingqi3.jpg"><span>红米NOTE 5A</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/xingqi1.jpg"><span>米粉卡 日组卡</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/xingqi4.jpg"><span>小米5</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/xingqi.jpg"><span>红米NOTE 4</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/xingqi4.jpg"><span>小米移动 电话卡</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/xingqi2.jpg"><span>小米MaX 2</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/xingqi3.jpg"><span>红米 4X</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/xingqi1.jpg"><span>手机上门维修服务</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/xingqi4.jpg"><span>红米5 Plus</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/xingqi.jpg"><span>红米 4A</span></a></li>
                    </ul>
                </div>
            </li>
            <li class="ql-dd"><a href="#"><span>电视 盒子</span><span class="iconfonta"><img src="img/imgs.png"> </span></a>
                <div class="ql_combaeer">
                    <ul class="ql_motnoe">
                        <li class="ql_topbaerr"><a href="#"><img src="img/tree.png"><span>小米 NOTE 3</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/tree1.jpg"><span>红米5</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/tree2.jpg"><span>移动4G+专区</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/tree3.jpg"><span>小米MIX 2</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note3.png"><span>红米5A</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note4.png"><span>对比手机</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note5.png"><span>小米6</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note6png.png"><span>红米NOTE 5A</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note7.png"><span>米粉卡 日组卡</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note8.png"><span>小米5</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note9.png"><span>红米NOTE 4</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note10.png"><span>小米移动 电话卡</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note11.png"><span>小米MaX 2</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note12.png"><span>红米 4X</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note13.png"><span>手机上门维修服务</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note14.png"><span>红米5 Plus</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note15.png"><span>红米 4A</span></a></li>
                    </ul>
                </div>
            </li>
            <li class="ql-dd"><a href="#"><span>智能 家电</span><span class="iconfonta"><img src="img/imgs.png"> </span></a>
                <div class="ql_combaeer">
                    <ul class="ql_motnoe">
                        <li class="ql_topbaerr"><a href="#"><img src="img/note.png"><span>小米 NOTE 3</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note1.png"><span>红米5</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/sbsm.jpg"><span>移动4G+专区</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note2.png"><span>小米MIX 2</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note3.png"><span>红米5A</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note4.png"><span>对比手机</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note5.png"><span>小米6</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note6png.png"><span>红米NOTE 5A</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note7.png"><span>米粉卡 日组卡</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note8.png"><span>小米5</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note9.png"><span>红米NOTE 4</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note10.png"><span>小米移动 电话卡</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note11.png"><span>小米MaX 2</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note12.png"><span>红米 4X</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note13.png"><span>手机上门维修服务</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note14.png"><span>红米5 Plus</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note15.png"><span>红米 4A</span></a></li>
                    </ul>
                </div>
            </li>
            <li class="ql-dd"><a href="#"><span>健康 家具</span><span class="iconfonta"><img src="img/imgs.png"> </span></a>
                <div class="ql_combaeer">
                    <ul class="ql_motnoe">
                        <li class="ql_topbaerr"><a href="#"><img src="img/note.png"><span>小米 NOTE 3</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note1.png"><span>红米5</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/sbsm.jpg"><span>移动4G+专区</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note2.png"><span>小米MIX 2</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note3.png"><span>红米5A</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note4.png"><span>对比手机</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note5.png"><span>小米6</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note6png.png"><span>红米NOTE 5A</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note7.png"><span>米粉卡 日组卡</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note8.png"><span>小米5</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note9.png"><span>红米NOTE 4</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note10.png"><span>小米移动 电话卡</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note11.png"><span>小米MaX 2</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note12.png"><span>红米 4X</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note13.png"><span>手机上门维修服务</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note14.png"><span>红米5 Plus</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note15.png"><span>红米 4A</span></a></li>
                    </ul>
                </div>
            </li>
            <li class="ql-dd"><a href="#"><span>出行 儿童</span><span class="iconfonta"><img src="img/imgs.png"> </span></a>
                <div class="ql_combaeer">
                    <ul class="ql_motnoe">
                        <li class="ql_topbaerr"><a href="#"><img src="img/note.png"><span>小米 NOTE 3</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note1.png"><span>红米5</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/sbsm.jpg"><span>移动4G+专区</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note2.png"><span>小米MIX 2</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note3.png"><span>红米5A</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note4.png"><span>对比手机</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note5.png"><span>小米6</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note6png.png"><span>红米NOTE 5A</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note7.png"><span>米粉卡 日组卡</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note8.png"><span>小米5</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note9.png"><span>红米NOTE 4</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note10.png"><span>小米移动 电话卡</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note11.png"><span>小米MaX 2</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note12.png"><span>红米 4X</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note13.png"><span>手机上门维修服务</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note14.png"><span>红米5 Plus</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note15.png"><span>红米 4A</span></a></li>
                    </ul>
                </div>
            </li>
            <li class="ql-dd"><a href="#"><span>路由器 手机配件</span><span class="iconfonta"> <img src="img/imgs.png"> </span></a>
                <div class="ql_combaeer">
                    <ul class="ql_motnoe">
                        <li class="ql_topbaerr"><a href="#"><img src="img/note.png"><span>小米 NOTE 3</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note1.png"><span>红米5</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/sbsm.jpg"><span>移动4G+专区</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note2.png"><span>小米MIX 2</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note3.png"><span>红米5A</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note4.png"><span>对比手机</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note5.png"><span>小米6</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note6png.png"><span>红米NOTE 5A</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note7.png"><span>米粉卡 日组卡</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note8.png"><span>小米5</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note9.png"><span>红米NOTE 4</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note10.png"><span>小米移动 电话卡</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note11.png"><span>小米MaX 2</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note12.png"><span>红米 4X</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note13.png"><span>手机上门维修服务</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note14.png"><span>红米5 Plus</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note15.png"><span>红米 4A</span></a></li>
                    </ul>
                </div>
            </li>
            <li class="ql-dd"><a href="#"><span>移动电源 插线板</span><span class="iconfonta"><img src="img/imgs.png"> </span></a>
                <div class="ql_combaeer">
                    <ul class="ql_motnoe">
                        <li class="ql_topbaerr"><a href="#"><img src="img/note.png"><span>小米 NOTE 3</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note1.png"><span>红米5</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/sbsm.jpg"><span>移动4G+专区</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note2.png"><span>小米MIX 2</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note3.png"><span>红米5A</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note4.png"><span>对比手机</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note5.png"><span>小米6</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note6png.png"><span>红米NOTE 5A</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note7.png"><span>米粉卡 日组卡</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note8.png"><span>小米5</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note9.png"><span>红米NOTE 4</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note10.png"><span>小米移动 电话卡</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note11.png"><span>小米MaX 2</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note12.png"><span>红米 4X</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note13.png"><span>手机上门维修服务</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note14.png"><span>红米5 Plus</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note15.png"><span>红米 4A</span></a></li>
                    </ul>
                </div>
            </li>
            <li class="ql-dd"><a href="#"><span>耳机 音响</span><span class="iconfonta"> <img src="img/imgs.png"></span></a>
                <div class="ql_combaeer">
                    <ul class="ql_motnoe">
                        <li class="ql_topbaerr"><a href="#"><img src="img/note.png"><span>小米 NOTE 3</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note1.png"><span>红米5</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/sbsm.jpg"><span>移动4G+专区</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note2.png"><span>小米MIX 2</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note3.png"><span>红米5A</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note4.png"><span>对比手机</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note5.png"><span>小米6</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note6png.png"><span>红米NOTE 5A</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note7.png"><span>米粉卡 日组卡</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note8.png"><span>小米5</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note9.png"><span>红米NOTE 4</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note10.png"><span>小米移动 电话卡</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note11.png"><span>小米MaX 2</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note12.png"><span>红米 4X</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note13.png"><span>手机上门维修服务</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note14.png"><span>红米5 Plus</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note15.png"><span>红米 4A</span></a></li>
                    </ul>
                </div>
            </li>
            <li class="ql-dd"><a href="#"><span>生活 米兔</span><span class="iconfonta"> <img src="img/imgs.png"> </span></a>
                <div class="ql_combaeer">
                    <ul class="ql_motnoe">
                        <li class="ql_topbaerr"><a href="#"><img src="img/note.png"><span>小米 NOTE 3</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note1.png"><span>红米5</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/sbsm.jpg"><span>移动4G+专区</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note2.png"><span>小米MIX 2</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note3.png"><span>红米5A</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note4.png"><span>对比手机</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note5.png"><span>小米6</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note6png.png"><span>红米NOTE 5A</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note7.png"><span>米粉卡 日组卡</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note8.png"><span>小米5</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note9.png"><span>红米NOTE 4</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note10.png"><span>小米移动 电话卡</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note11.png"><span>小米MaX 2</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note12.png"><span>红米 4X</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note13.png"><span>手机上门维修服务</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note14.png"><span>红米5 Plus</span></a></li>
                        <li class="ql_topbaerr"><a href="#"><img src="img/note15.png"><span>红米 4A</span></a></li>
                    </ul>
                </div>
            </li>
        </ul>
    </div>
    <div class="ql_comterst">
        <div class="ql_com1">
            <ul>
                <li style="border-right: 1px solid gray;"><a href="#"><i class="iconfont">&#xe908;</i><p>选购手机</p></a></li>
                <li style="border-right: 1px solid grey;"><a href="#"><i class="iconfont">&#xe905;</i><p>企业团购</p></a></li>
                <li><a href="#"><i class="iconfont"></i><p>F码通道</p></a></li>
                <li style="border-right: 0.5px solid grey;border-top:1px solid grey;"><a href="#"><i class="iconfont"></i><p>米粉卡</p></a></li>
                <li style="border-right: 1px solid grey;border-top:1px solid grey;"><a href="#"><i class="iconfont">&#xe904;</i><p>以旧换新</p></a></li>
                <li style="border-top: 1px solid grey;"><a href="#"><i class="iconfont">&#xe907;</i><p>话费充值</p></a></li>
            </ul>
        </div>
        <div class="ql_com2">
            <a href="#"><img src="img/img%20(55).jpg"></a>
        </div>
        <div class="ql_com2">
            <a href="#"><img src="img/img%20(50).jpg"></a>
        </div>
        <div class="ql_com2">
            <a href="#"><img src="img/img%20(54).jpg"></a>
        </div>
    </div>
    <div class="ql_mqse">
        <div class="q1_mqse_1"><a href="#">小米明星单品</a></div>
        <div class="ql_lunbuo">
            <div class="swiper-button-next swiper-button-black lunqx"></div>
            <div class="swiper-button-prev swiper-button-black lunqy"></div>
        </div>
    </div>
    <div class="swiper-container smotr swiper-no-swiping">
        <div class="swiper-wrapper">
            <div class="swiper-slide ql_cmp">
                <div>
                    <img src="img/img%20(11).png">
                    <h3>小米MIX2</h3>
                    <span>全面屏2.0，5.99"大屏</span>
                    <p style="color: #ffac13">3299元起</p>
                </div>
                <div style="border-top:1px solid #83c44e;">
                    <img src="img/img%20(13).png">
                    <h3>红米5A</h3>
                    <span>8天超长待机，137g轻巧机身</span>
                    <p style="color: #ffac13">599元起</p>
                </div>
                <div style="border-top:1px solid #2196f3;">
                    <img src="img/img%20(12).png">
                    <h3>小米Note 3</h3>
                    <span>1600万美颜自拍，2倍变焦双摄</span>
                    <p style="color: #ffac13">1999元起</p>
                </div>
                <div style="border-top:1px solid #e53935;">
                    <img src="img/img%20(17).png">
                    <h3>小米电视4A 43英寸 标准版</h3>
                    <span>全高清HDR 四核高性能处理器</span>
                    <p style="color: #ffac13">1999元起</p>
                </div>
                <div>
                    <img src="img/imgqs.png">
                    <h3>小米笔记本</h3>
                    <span>更轻更薄，像杂志一样随身携带</span>
                    <p style="color: #ffac13">3599元起</p>
                </div>

            </div>

            <div class="swiper-slide ql_cmp">
                <div>
                    <img src="img/ffrr.png">
                    <h3>小米MIX2</h3>
                    <span>全面屏2.0，5.99"大屏</span>
                    <p style="color: #ffac13">3299元起</p>
                </div>
                <div style="border-top:1px solid #83c44e;">
                    <img src="img/fftr1.jpg">
                    <h3>小米手环 2 </h3>
                    <span> OLED 显示屏幕，升级计步算法</span>
                    <p style="color: #ffac13">149元</p>
                </div>
                <div style="border-top:1px solid #2196f3;">
                    <img src="img/fftr2png.png">
                    <h3>小米净水器 厨下式</h3>
                    <span>直出纯净水，隐藏式安装</span>
                    <p style="color: #ffac13">1999元</p>
                </div>
                <div style="border-top:1px solid #e53935;" >
                    <img src="img/fftr4.png">
                    <h3>小米圈铁耳机Pro</h3>
                    <span>独创双动圈+动铁，三单元发声</span>
                    <p style="color: #ffac13">149元</p>
                </div>
                <div >
                    <img src="img/fftr5.png">
                    <h3>米家扫地机器人</h3>
                    <span>爱干净，高效完成清扫任务</span>
                    <p style="color: #ffac13">1699元</p>
                </div>

            </div>
        </div>

    </div>
</div>

<!--家电-->
<div class="H-jd">
            <div class="w">
                <div class="H-nav">
                    <h3>家电</h3>
                     <ul class="h-tou">
                         <a href="#" class="btn active">热门</a>
                         <a href="#" class="btn">电视影音</a>
                         <a href="#" class="btn">电脑</a>
                         <a href="#" class="btn">家具</a>
                     </ul>
                </div>
                <div class="H-quan" style="display: block">
                    <div>
                        <img src="img/jiqiren.jpg" alt=""/>
                    </div>
                    <ul class="H-bian" style="display: block">
                        <li>
                            <img src="img/nav4.jpg"/>
                            <p>小米电视5c 55英寸666</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899</p>
                            <!--<div class="ptn">-->
                                <!--<p>adasd</p>-->
                                <!--<p>sdadad</p>-->
                            <!--</div>-->
                        </li>
                        <li>
                            <img src="img/nav5.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899</p>
                        </li>
                        <li>
                            <img src="img/nav1.png"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 </p>
                        </li>
                        <li>
                            <img src="img/nav2.png"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 </p>
                        </li>
                        <li>
                            <img src="img/nav3.png"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 </p>
                        </li>
                        <li>
                            <img src="img/nav5.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 </p>
                        </li>
                        <li>
                            <img src="img/nav6.png"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 </p>
                        </li>
                        <li style="background:none">
                            <div>
                                <p>Yeelight...<br><span>379元</span></p>
                                <img src="img/h-002.png"/>
                            </div>
                            <div>
                                <p>浏览更多<br><span>家具</span></p>
                                <p class="iconfont icon-xiajiang"></p>
                            </div>
                        </li>
                    </ul>
                    <ul class="H-bian">
                        <li>
                            <img src="img/nav4.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 </p>
                        </li>
                    </ul>
                    <ul class="H-bian">
                        <li>
                            <img src="img/nav4.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899  </p>
                        </li>
                    </ul>
                    <ul class="H-bian">
                        <li>
                            <img src="img/nav4.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899  </p>
                        </li>
                    </ul>
                </div>
                <div class="H-nav">
                    <h3>家电</h3>
                    <ul class="h-tou">
                        <a href="" class="btn active">热门</a>
                        <a href="" class="btn">电视影音</a>
                        <a href="" class="btn">电脑</a>
                        <a href="" class="btn">家具</a>
                    </ul>
                </div>
                <div class="H-quan">
                    <div>
                        <img src="img/jiqiren.jpg" alt=""/>
                    </div>
                    <ul class="H-bian">
                        <li>
                            <img src="img/nav4.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                        <li>
                            <img src="img/nav5.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                        <li>
                            <img src="img/nav1.png"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                        <li>
                            <img src="img/nav2.png"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                        <li>
                            <img src="img/nav3.png"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                        <li>
                            <img src="img/nav5.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                        <li>
                            <img src="img/nav6.png"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                        <li style="background:none">
                            <div>
                                <p>Yeelight...<br><span>379元</span></p>
                                <img src="img/h-002.png"/>
                            </div>
                            <div>
                                <p>浏览更多<br><span>家具</span></p>
                                <p class="iconfont icon-xiajiang"></p>
                            </div>
                        </li>
                    </ul>
                    <ul class="H-bian">
                        <li>
                            <img src="img/nav4.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                    </ul>
                    <ul class="H-bian">
                        <li>
                            <img src="img/nav4.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                    </ul>
                    <ul class="H-bian">
                        <li>
                            <img src="img/nav4.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                    </ul>
                </div>
                <div class="H-nav">
                    <h3>家电</h3>
                    <ul>
                        <a href="" class="btn active">热门</a>
                        <a href="" class="btn">电视影音</a>
                        <a href="" class="btn">电脑</a>
                        <a href="" class="btn">家具</a>
                    </ul>
                </div>
                <div class="H-quan">
                    <div>
                        <img src="img/jiqiren.jpg" alt=""/>
                    </div>
                    <ul class="H-bian">
                        <li>
                            <img src="img/nav4.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                        <li>
                            <img src="img/nav5.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                        <li>
                            <img src="img/nav1.png"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                        <li>
                            <img src="img/nav2.png"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                        <li>
                            <img src="img/nav3.png"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                        <li>
                            <img src="img/nav5.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                        <li>
                            <img src="img/nav6.png"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                        <li style="background:none">
                            <div>
                                <p>Yeelight...<br><span>379元</span></p>
                                <img src="img/h-002.png"/>
                            </div>
                            <div>
                                <p>浏览更多<br><span>家具</span></p>
                                <p class="iconfont icon-xiajiang"></p>
                            </div>
                        </li>
                    </ul>
                    <ul class="H-bian">
                        <li>
                            <img src="img/nav4.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                    </ul>
                    <ul class="H-bian">
                        <li>
                            <img src="img/nav4.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                    </ul>
                    <ul class="H-bian">
                        <li>
                            <img src="img/nav4.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 </p>
                        </li>
                    </ul>
                </div>
                <div class="H-nav">
                    <h3>家电</h3>
                    <ul class="h-tou">
                        <a href="" class="btn active">热门</a>
                        <a href="" class="btn">电视影音</a>
                        <a href="" class="btn">电脑</a>
                        <a href="" class="btn">家具</a>
                    </ul>
                </div>
                <div class="H-quan">
                    <div>
                        <img src="img/jiqiren.jpg" alt=""/>
                    </div>
                    <ul class="H-bian">
                        <li>
                            <img src="img/nav4.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                        <li>
                            <img src="img/nav5.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                        <li>
                            <img src="img/nav1.png"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                        <li>
                            <img src="img/nav2.png"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                        <li>
                            <img src="img/nav3.png"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                        <li>
                            <img src="img/nav5.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                        <li>
                            <img src="img/nav6.png"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                        <li style="background:none">
                            <div>
                                <p>Yeelight...<br><span>379元</span></p>
                                <img src="img/h-002.png"/>
                            </div>
                            <div>
                                <p>浏览更多<br><span>家具</span></p>
                                <p class="iconfont icon-xiajiang"></p>
                            </div>
                        </li>
                    </ul>
                    <ul class="H-bian">
                        <li>
                            <img src="img/nav4.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                    </ul>
                    <ul class="H-bian">
                        <li>
                            <img src="img/nav4.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                    </ul>
                    <ul class="H-bian">
                        <li>
                            <img src="img/nav4.jpg"/>
                            <p>小米电视5c 55英寸</p>
                            <p>4k HDR 人工智能电视</p>
                            <p>2899 <s>3899</s> </p>
                        </li>
                    </ul>
                </div>


            <!--==============================================================-->

            </div>

      </div>
  <!--推荐-->
<div class="main">

    <div class="box">
        <div class="box_1">为你推荐</div>
        <div class="box_2">
            <div class="ssm_1">
                <div class="swiper-button-prev swiper-button-black clm1"></div>
                <div class="swiper-button-next swiper-button-black clm2"></div>
            </div>
        </div>
    </div>


    <div class="swiper-container clm">
        <div class="swiper-wrapper">
            <div class="swiper-slide">

                <div class="box1">
                    <div class="box1_1" id="dong1">
                        <img src="img/1.jpg" />
                        <p class="box1_p1">
                            <a href="#">红米5  Plus 全网通版  3GB内存</a>
                        </p>
                        <p class="box1_p2">999元</p>
                        <p class="box1_p3">8000人好评</p>
                    </div>
                    <div class="box1_1" id="dong1">
                        <img src="img/2.jpg" />
                        <p class="box1_p1">
                            <a href="#">红米5  Plus 全网通版  3GB内存</a>
                        </p>
                        <p class="box1_p2">999元</p>
                        <p class="box1_p3">8000人好评</p>
                    </div>
                    <div class="box1_1" id="dong1">
                        <img src="img/3.jpg" />
                        <p class="box1_p1">
                            <a href="#">红米5  Plus 全网通版  3GB内存</a>
                        </p>
                        <p class="box1_p2">999元</p>
                        <p class="box1_p3">8000人好评</p>
                    </div>
                    <div class="box1_1" id="dong1">
                        <img src="img/4.jpg" />
                        <p class="box1_p1">
                            <a href="#">红米5  Plus 全网通版  3GB内存</a>
                        </p>
                        <p class="box1_p2">999元</p>
                        <p class="box1_p3">8000人好评</p>
                    </div>
                    <div class="box1_1" id="dong1">
                        <img src="img/1.jpg" />
                        <p class="box1_p1">
                            <a href="#">红米5  Plus 全网通版  3GB内存</a>
                        </p>
                        <p class="box1_p2">999元</p>
                        <p class="box1_p3">8000人好评</p>
                    </div>
                </div>





            </div>
            <div class="swiper-slide">
                <div class="box1">
                    <div class="box1_1" id="dong1">
                        <img src="img/1.jpg" />
                        <p class="box1_p1">
                            <a href="#">红米5  Plus 全网通版  3GB内存</a>
                        </p>
                        <p class="box1_p2">999元</p>
                        <p class="box1_p3">8000人好评</p>
                    </div>
                    <div class="box1_1" id="dong1">
                        <img src="img/2.jpg" />
                        <p class="box1_p1">
                            <a href="#">红米5  Plus 全网通版  3GB内存</a>
                        </p>
                        <p class="box1_p2">999元</p>
                        <p class="box1_p3">8000人好评</p>
                    </div>
                    <div class="box1_1" id="dong1">
                        <img src="img/3.jpg" />
                        <p class="box1_p1">
                            <a href="#">红米5  Plus 全网通版  3GB内存</a>
                        </p>
                        <p class="box1_p2">999元</p>
                        <p class="box1_p3">8000人好评</p>
                    </div>
                    <div class="box1_1" id="dong1">
                        <img src="img/4.jpg" />
                        <p class="box1_p1">
                            <a href="#">红米5  Plus 全网通版  3GB内存</a>
                        </p>
                        <p class="box1_p2">999元</p>
                        <p class="box1_p3">8000人好评</p>
                    </div>
                    <div class="box1_1" id="dong1">
                        <img src="img/1.jpg" />
                        <p class="box1_p1">
                            <a href="#">红米5  Plus 全网通版  3GB内存</a>
                        </p>
                        <p class="box1_p2">999元</p>
                        <p class="box1_p3">8000人好评</p>
                    </div>
                </div>

            </div>
            <div class="swiper-slide">
                <div class="box1">
                    <div class="box1_1" id="dong1">
                        <img src="img/1.jpg" />
                        <p class="box1_p1">
                            <a href="#">红米5  Plus 全网通版  3GB内存</a>
                        </p>
                        <p class="box1_p2">999元</p>
                        <p class="box1_p3">8000人好评</p>
                    </div>
                    <div class="box1_1" id="dong1">
                        <img src="img/2.jpg" />
                        <p class="box1_p1">
                            <a href="#">红米5  Plus 全网通版  3GB内存</a>
                        </p>
                        <p class="box1_p2">999元</p>
                        <p class="box1_p3">8000人好评</p>
                    </div>
                    <div class="box1_1" id="dong1">
                        <img src="img/3.jpg" />
                        <p class="box1_p1">
                            <a href="#">红米5  Plus 全网通版  3GB内存</a>
                        </p>
                        <p class="box1_p2">999元</p>
                        <p class="box1_p3">8000人好评</p>
                    </div>
                    <div class="box1_1" id="dong1">
                        <img src="img/4.jpg" />
                        <p class="box1_p1">
                            <a href="#">红米5  Plus 全网通版  3GB内存</a>
                        </p>
                        <p class="box1_p2">999元</p>
                        <p class="box1_p3">8000人好评</p>
                    </div>
                    <div class="box1_1" id="dong1">
                        <img src="img/1.jpg" />
                        <p class="box1_p1">
                            <a href="#">红米5  Plus 全网通版  3GB内存</a>
                        </p>
                        <p class="box1_p2">999元</p>
                        <p class="box1_p3">8000人好评</p>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <!--热评产品-->
    <div class="box2">
        热评产品
    </div>
    <div class="box3">
        <div class="box3_1" id="dong">
            <a href="#"><img src="img/5.jpg" /></a>
            <p class="box3_p1">
                <a href="#">非常可爱一拿到小宝宝还没分享，一帮大宝宝先high了一把</a>
            </p>
            <p class="box3_p2">
                来自于 &nbsp;秘密的评价
            </p>
            <p class="box3_p3">
                <a href="#">米兔智能故事机  |  <span>199元</span></a>
            </p>
        </div>
        <div class="box3_1" id="dong">
            <a href="#"><img src="img/6.jpg" /></a>
            <p class="box3_p1">
                <a href="#">非常可爱一拿到小宝宝还没分享，一帮大宝宝先high了一把</a>
            </p>
            <p class="box3_p2">
                来自于 &nbsp;秘密的评价
            </p>
            <p class="box3_p3">
                <a href="#">米兔智能故事机  |  <span>199元</span></a>
            </p>
        </div>
        <div class="box3_1" id="dong">
            <a href="#"><img src="img/7.jpg" /></a>
            <p class="box3_p1">
                <a>非常可爱一拿到小宝宝还没分享，一帮大宝宝先high了一把</a>
            </p>
            <p class="box3_p2">
                来自于 &nbsp;秘密的评价
            </p>
            <p class="box3_p3">
                <a href="#">米兔智能故事机  |  <span>199元</span></a>
            </p>
        </div>
        <div class="box3_1" id="dong">
            <a href="#"><img src="img/8.jpg" /></a>
            <p class="box3_p1">
                <a href="#">非常可爱一拿到小宝宝还没分享，一帮大宝宝先high了一把</a>
            </p>
            <p class="box3_p2">
                来自于 &nbsp;秘密的评价
            </p>
            <p class="box3_p3">
                <a href="#">米兔智能故事机  |  <span>199元</span></a>
            </p>
        </div>
    </div>





</div>
    <!--内容-->
<div class="w">

    <div class="x_bei">
        <div class="x_nei">内容</div>
        <div class="x_tu">
            <div class="swiper-container" id="banner1">
                <div class=" swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="x_shu">
                            <div class="x_lu">图书</div>
                            <a href="#"><div class="x_hun">哈利波特与被诅咒的孩子</div></a>
                            <a href="#"><div class="x_hui">"哈利.波特"第八个故事中文版震撼</div></a>
                            <a href="#"><div class="x_kuang">来袭!特别彩板剧本!</div></a>
                            <a href="#"><img src="img/5e5da924-84e3-4959-9e25-5891cdf30757.png" /></a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="x_shu">
                            <div class="x_lu">图书</div>
                            <a href="#"><div class="x_hun">海量好书，享受精品阅读时光</div></a>
                            <a href="#"><div class="x_hui">漂亮的中文排版，千万读者选择</div></a>
                            <a href="#"><div class="x_kuang">前往多看阅读</div></a>
                            <a href="#"><img src="image/61e1385e-54de-48f3-8717-5e4f4b1cdd14.png" /></a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="x_shu">
                            <div class="x_lu">图书</div>
                            <a href="#"><div class="x_hun">海量好书，享受精品阅读时光</div></a>
                            <a href="#"><div class="x_hui">漂亮的中文排版，千万读者选择</div></a>
                            <a href="#"><div class="x_kuang">前往多看阅读</div></a>
                            <a href="#"><img src="image/more-duokan.jpg" /></a>

                        </div>
                    </div>

                </div>

                <div class="swiper-pagination"></div>
                <div class="swiper-button-prev swiper-button-white"><</div>
                <div class="swiper-button-next swiper-button-white">></div>
            </div>

            <div class="swiper-container" id="banner1">
                <div class=" swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="x_shu">
                            <div class="x_lu">MLUL主题</div>
                            <a href="#"><div class="x_hun">众多个性主题，百变锁屏与自由桌面</div></a>
                            <a href="#"><div class="x_hui">让你的手机与众不同</div></a>
                            <a href="#"><div class="x_kuang">前往MLUL主题市场</div></a>
                            <a href="#"><img src="image/xmad_15106277789889_NVKse.png" /></a>

                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="x_shu">
                            <div class="x_lu">MLUL主题</div>
                            <a href="#"><div class="x_hun">众多个性主题，百变锁屏与自由桌面</div></a>
                            <a href="#"><div class="x_hui">让你的手机与众不同</div></a>
                            <a href="#"><div class="x_kuang">前往MLUL主题市场</div></a>
                            <a href="#"><img src="image/xmad_15106285428716_UgNzb.png" /></a>

                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="x_shu">
                            <div class="x_lu">MLUL主题</div>
                            <a href="#"><div class="x_hun">免费下载海量的手机游戏</div></a>
                            <a href="#"><div class="x_hui">天天都有现金福利赠送</div></a>
                            <a href="#"><div class="x_qia">前往小米游戏商店</div></a>
                            <a href="#"><img src="image/xmad_151062859387_ECIuV.png" /></a>

                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="x_shu">
                            <div class="x_lu">MLUL主题</div>
                            <a href="#"><div class="x_ha">2017金米奖</div></a>
                            <div class="x_bang"><a href="#"><img src="img/3332da7d-4056-4694-9548-c83b7b3af7d3.png"></a></div>

                        </div>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
                <div class="swiper-button-prev swiper-button-white"><</div>
                <div class="swiper-button-next swiper-button-white">></div>
            </div>

            <div class="swiper-container " id="banner1">
                <div class="swiper-wrapper ">
                    <div class="swiper-slide">
                        <div class="x_shu">
                            <div class="x_hong">游戏</div>
                            <a href="#"><div class="x_hun">免费下载海量的手机游戏</div></a>
                            <a href="#"><div class="x_hui">天天都有现金福利赠送</div></a>
                            <a href="#"><div class="x_qia">前往小米游戏商店</div></a>
                            <a href="#"><img src="image/xmad_15120234492499_MNEVo.png" /></a>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="x_shu">
                            <div class="x_hong">游戏</div>
                            <a href="#"><div class="x_hun">众多个性主题，百变锁屏与自由桌面</div></a>
                            <a href="#"><div class="x_hui">让你的手机与众不同</div></a>
                            <a href="#"><div class="x_kuang">前往MLUL主题市场</div></a>
                            <a href="#"><img src="img/more-game.jpg" /></a>

                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="x_shu">
                            <div class="x_hong">游戏</div>
                            <a href="#"><div class="x_hun">免费下载海量的手机游戏</div></a>
                            <a href="#"><div class="x_hui">天天都有现金福利赠送</div></a>
                            <a href="#"><div class="x_qia">前往小米游戏商店</div></a>
                            <a href="#"><img src="image/T1czW_BXCv1R4cSCrK.png" /></a>

                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="x_shu">
                            <div class="x_hong">游戏</div>
                            <a href="#"><div class="x_ha">小米枪战</div></a>
                            <a href="#"><div class="x_hui">组好队  去跳伞</div></a>
                            <div class="x_qian">17.99元</div>
                            <div class="x_qiang"><a href="#"><img src="image/xmad_15094191317724_FNyjV.png"></a></div>

                        </div>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
                <div class="swiper-button-prev swiper-button-white"><</div>
                <div class="swiper-button-next swiper-button-white">></div>
            </div>

            <div class="swiper-container" id="banner1">
                <div class=" swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="x_shu">
                            <div class="x_lan">应用</div>
                            <a href="#"><div class="x_ha">2017金米奖</div></a>
                            <div class="x_bang"><a href="#"><img src="img/3332da7d-4056-4694-9548-c83b7b3af7d3.png"></a></div>

                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="x_shu">
                            <div class="x_lan">应用</div>
                            <a href="#"><div class="x_hun">众多个性主题，百变锁屏与自由桌面</div></a>
                            <a href="#"><div class="x_hui">让你的手机与众不同</div></a>
                            <a href="#"><div class="x_kuang">前往MLUL主题市场</div></a>
                            <a href="#"><img src="image/T15VZvB5Kv1R4cSCrK.png" /></a>

                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="x_shu">
                            <div class="x_lan">应用</div>
                            <a href="#"><div class="x_hun">免费下载海量的手机游戏</div></a>
                            <a href="#"><div class="x_hui">天天都有现金福利赠送</div></a>
                            <a href="#"><div class="x_qia">前往小米游戏商店</div></a>
                            <a href="#"><img src="image/T1TkKvBCKv1R4cSCrK.png" /></a>

                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="x_shu">
                            <div class="x_lan">应用</div>
                            <a href="#"><div class="x_ha">2017金米奖</div></a>
                            <div class="x_bang"><a href="#"><img src="img/3332da7d-4056-4694-9548-c83b7b3af7d3.png"></a></div>

                        </div>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
                <div class="swiper-button-prev swiper-button-white"><</div>
                <div class="swiper-button-next swiper-button-white">></div>
            </div>



        </div>
        <a href=""><div class="x_cha">
            <div class="x_shi">视频</div>
            <div class="x_p">查看全部<p>></p></div>
        </div>
        </a>


        <div class="x_bo">



            <div>
                <div class="x_xiao">
                    <div class="x_bao">
                        <a href="#"><img src="img/xmad_15159163504023_uToSM.jpg" /></a>
                        <div id="popup" class="btn  x_tou" style="clear: both;"><img src="img/视频.png"></div>
                    </div>

                    <div class="x_zhi"><a href="#">品质之魂，存于匠心</a></div>
                    <div class="x_gong">红米手机品质的工程师访谈</div>
                </div>

                <div class="Popup " >
                    <div class="Popup-dialog " >
                        <div class="Popup-content">

                            <div class="Popup-header">
                                <button class="close">x</button>
                                <h4>现金结账</h4>
                            </div>
                            <div class="x_mo">这是电影</div>
                        </div>
                    </div>
                </div>
                <div class="Popup-backdrop" ></div>
            </div>



            <!--模态框-->
            <div>
                <div class="x_xiao">
                    <div class="x_bao">
                        <a href="#"><img src="img/xmad_15156644526382_GiJxL.jpg" /></a>
                        <div id="popup" class="btn  x_tou" style="clear: both;"><img src="img/视频.png"></div>
                    </div>

                    <div class="x_zhi"><a href="#">红米手机，公益视频</a></div>
                    <div class="x_gong">红米5/红米5plus高颜值机身</div>
                </div>

                <div class="Popup " >
                    <div class="Popup-dialog " >
                        <div class="Popup-content">

                            <div class="Popup-header">
                                <button class="close">x</button>
                                <h4>现金结账</h4>
                            </div>
                            <div class="x_mo">这是电影</div>
                        </div>
                    </div>
                </div>
                <div class="Popup-backdrop" ></div>
            </div>






            <!--模态框-->
            <div>
                <div class="x_xiao">
                    <div class="x_bao">
                        <a href="#"><img src="img/xmad_15156722682931_MVAmC.jpg" /></a>
                        <div id="popup" class="btn  x_tou" style="clear: both;"><img src="img/视频.png"></div>
                    </div>

                    <div class="x_zhi"><a href="#">雷军和斯塔克打造全面屏2.0</a></div>
                    <div class="x_gong">一场关于小米MIX极致工艺的巅峰对话</div>
                </div>

                <div class="Popup " >
                    <div class="Popup-dialog" >
                        <div class="Popup-content">

                            <div class="Popup-header">
                                <button class="close">x</button>
                                <h4>现金结账</h4>
                            </div>
                            <div class="x_mo">这是电影</div>
                        </div>
                    </div>
                </div>
                <div class="Popup-backdrop" ></div>
            </div>







            <!--模态框-->
            <div>
                <div class="x_xiao">
                    <div class="x_bao">
                        <a href="#"><img src="img/xmad_15156722489305_NSZUh.jpg" /></a>
                        <div id="popup" class="btn  x_tou" style="clear: both;"><img src="img/视频.png"></div>
                        <a  href="javascript: void(0);"  data-video="//v.mifile.cn/b2c-mimall-media/643918d12d181ab65634cbd4ecd0cf1d.mp4" data-video-poster="//i8.mifile.cn/b2c-mimall-media/6de7e9f338d5863faf79447ecf1298a8.jpg" > </a>

                    </div>

                    <div class="x_zhi"><a href="#">MLUL9 理念视频</a></div>
                    <div class="x_gong">快如闪电，前所未有的流畅</div>
                </div>

                <div class="Popup " >
                    <div class="Popup-dialog " >
                        <div class="Popup-content">

                            <div class="Popup-header">
                                <button class="close">x</button>
                                <h4>现金结账</h4>
                            </div>
                            <div class="x_mo">这是电影</div>
                        </div>
                    </div>
                </div>
                <div class="Popup-backdrop" ></div>
            </div>
            <!--模态框-->

        </div>
    </div>
</div>


<!--底部导航-->
<div class="l-column1 ">
    <div class="l-column ">
        <ul>
            <li>
                <a rel="nofollow " href="//www.mi.com/static/fast/ "><i class="iconfont ">&#xe634;</i>预约维修服务</a>
            </li>
            <li>
                <a rel="nofollow " href="//www.mi.com/service/exchange#back "><i class="iconfont ">&#xe635;</i>7天无理由退货</a>
            </li>
            <li>
                <a rel="nofollow " href="//www.mi.com/service/exchange#back "><i class="iconfont ">&#xe636;</i>15天免费换货</a>
            </li>
            <li>
                <a rel="nofollow " href="//www.mi.com/service/buy/postage/ "><i class="iconfont ">&#xe638;</i>满150元包邮</a>
            </li>
            <li>
                <a rel="nofollow " href="//www.mi.com/static/maintainlocation/ "><i class="iconfont ">&#xe637;</i>520余家售后网点</a>
            </li>
        </ul>
    </div>
</div>
<div class="l-content2 ">
    <div class="l-content1 ">
        <div class="l-content ">
            <dl>
                <dt>帮助中心</dt>
                <dd>
                    <a rel="nofollow " href="//www.mi.com/service/account/register/ ">账户管理</a>
                </dd>
                <dd>
                    <a rel="nofollow " href="//www.mi.com/service/buy/buytime/ ">购物指南</a>
                </dd>
                <dd>
                    <a rel="nofollow " href="//www.mi.com/service/order/sendprogress/ ">订单操作</a>
                </dd>
            </dl>
            <dl>
                <dt>服务支持</dt>
                <dd>
                    <a rel="nofollow " href="//www.mi.com/service/exchange ">售后政策</a>
                </dd>
                <dd>
                    <a rel="nofollow " href="http://fuwu.mi.com/ ">自助服务</a>
                </dd>
                <dd>
                    <a rel="nofollow " href="http://xiazai.mi.com/ ">相关下载</a>
                </dd>
            </dl>
            <dl>
                <dt>线下门店</dt>
                <dd>
                    <a rel="nofollow " href="//www.mi.com/c/xiaomizhijia/ ">小米之家</a>
                </dd>
                <dd>
                    <a rel="nofollow " href="//www.mi.com/static/maintainlocation/ ">服务网点</a>
                </dd>
                <dd>
                    <a rel="nofollow " href="//www.mi.com/static/familyLocation/ ">零售网点</a>
                </dd>
            </dl>
            <dl>
                <dt>关于小米</dt>
                <dd>
                    <a rel="nofollow " href="//www.mi.com/about/ ">了解小米</a>
                </dd>
                <dd>
                    <a rel="nofollow " href="http://hr.xiaomi.com/ ">加入小米</a>
                </dd>
                <dd>
                    <a rel="nofollow " href="//www.mi.com/about/contact/ ">联系我们</a>
                </dd>
            </dl>
            <dl>
                <dt>关注我们</dt>
                <dd>
                    <a href="# ">新浪微博</a>
                </dd>
                <dd>
                    <a href="# ">小米部落</a>
                </dd>
                <dd>
                    <a href="# ">官方微信</a>
                </dd>
            </dl>
            <dl>
                <dt>特色服务</dt>
                <dd>
                    <a rel="nofollow " href="# ">F 码通道</a>
                </dd>
                <dd>
                    <a rel="nofollow " href="# ">礼物码</a>
                </dd>
                <dd>
                    <a rel="nofollow " href="# ">防伪查询</a>
                </dd>
            </dl>
            <div class="l-bar ">
                <p>400-100-5678</p>
                <p>
                    周一至周日 8:00-18:00<br>（仅收市话费）
                </p>
                <a href="# " class="l-bar-a "><i class="iconfont ">&#xe600;</i> 24小时在线客服</a>
            </div>
        </div>
    </div>
</div>
<div style="background: #fafafa; ">
    <div class="l-inof ">
        <div class="l-inof1 ">
            <div>
                <img src="img/ml.png " title="小米官网 ">
            </div>
            <div>
                <p>
                    <a href="# ">小米商城</a><span>|</span>
                    <a href="http://www.miui.com/ ">MIUI</a><span>|</span>
                    <a href="http://home.mi.com/index.html ">米家</a><span>|</span>
                    <a href="http://www.miliao.com/ ">米聊</a><span>|</span>
                    <a href="http://www.duokan.com/ ">多看</a><span>|</span>
                    <a href="http://www.miwifi.com/ ">路由器</a><span>|</span>
                    <a href="//www.mi.com/micard/ ">米粉卡</a><span>|</span>
                    <a href="http://xiaomi.tmall.com/ ">小米天猫店</a><span>|</span>
                    <a href="http://www.miui.com/res/doc/privacy/cn.html ">隐私政策</a><span>|</span>
                    <a href="https://static.mi.com/feedback/ ">问题反馈</a><span>|</span>
                    <a href="#J_modal-globalSites ">Select Region</a>
                </p>
                <p>©
                    <a href="//www.mi.com/ ">mi.com</a> 京ICP证110507号
                    <a href="http://www.miitbeian.gov.cn/ ">京ICP备10046444号</a>
                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134 ">京公网安备11010802020134号 </a>
                    <a href="//c1.mifile.cn/f/i/2013/cn/jingwangwen.jpg ">京网文[2014]0059-0009号</a>

                    <br> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
            </div>
            <div>
                <a href="# "><img src="img/img%20(7).png " style="width: auto;height: 28px;margin-left: 0px; " alt="TRUSTe Privacy Certification "></a>
                <a href="# "><img src="img/img%20(9).png " alt="诚信网站 "></a>
                <a href="# "><img src="img/img%20(8).png " alt="可信网站 "></a>
                <a href="# "><img src="img/img%20(10).png " alt="网上交易保障中心 "></a>
                <a href="# "><img src="img/img%20(14).png " alt="诚信经营 放心消费 "></a>
            </div>
        </div>
    </div>
    <div class="l-in "><img src="img/zzzti.png " /></div>

</div>



<script>
//      setTimeout(function(){
//              document.getElementById("test").style.display="none";
//          },5000);
//
//          $(".btn").click(function(){
//              $("#test").css("display","none")
//
//          })

var mySwipe1=new Swiper('.smotr',{
    // loop:true,
    autoplay: {
        delay: 2000,
    },
    navigation: {
        nextEl: '.lunqx',
        prevEl: '.lunqy',
    },
})
var mySwiper=new Swiper('.mostone',{
    autoplay: true,
    pagination :{
        el: '.swiper-pagination',
        clickable :true,
    },
    navigation: {
        nextEl: '.www',
        prevEl: '.kkk',
    },
    autoplay: {
        disableOnInteraction: false,
    },
    loop:true,
    effect : 'fade',


})
//
//
//
//
////            ================================================
          var mySwiper = new Swiper("#banner1",{
              pagination :{
                  el: '.swiper-pagination',
                  clickable :true,
                  bulletElement : 'li',
              }


          })
          var mySwiper = new Swiper("#banner2",{
              pagination :{
                  el: '.swiper-pagination',
                  clickable :true,
                  bulletElement : 'li',
              }


          })
          var mySwiper = new Swiper("#banner3",{
              pagination :{
                  el: '.swiper-pagination',
                  clickable :true,
                  bulletElement : 'li',
              }


          })
          var mySwiper = new Swiper("#banner4",{
              pagination :{
                  el: '.swiper-pagination',
                  clickable :true,
                  bulletElement : 'li',
              }


          })
//
//
          var mySwipe1=new Swiper('.smotr',{
              // loop:true,
              autoplay: {
                  delay: 2000,
              },
              navigation: {
                  nextEl: '.lunqx',
                  prevEl: '.lunqy',
              },
          })
          var mySwiper=new Swiper('.mostone',{
              autoplay: true,
              pagination :{
                  el: '.swiper-pagination',
                  clickable :true,
              },
              navigation: {
                  nextEl: '.www',
                  prevEl: '.kkk',
              },
              autoplay: {
                  disableOnInteraction: false,
              },
              loop:true,
              effect : 'fade',


          })



          		 $('.x_xiao').hover(function(){
          						$('.x_tou').addClass('bian')
          					})
          		 $('.x_xiao').mouseleave(function(){
          						$('.x_tou').removeClass('bian')
          		 })


          function popup(){
              $(".Popup").removeClass("Popup_in").addClass("Popup_fade");
              $(".Popup-backdrop").removeClass("Popup_in2").removeClass("Popup_fade").addClass("Popup_fade");
          }

          $(".Popup-header").on("click",".close",function(){//这个是关闭弹出框
              $(".Popup-dialog").animate({top:-1000});
              setTimeout("popup()",300)
          });
          $("#popup").click(function(){//点击按钮弹出
              $(".Popup-backdrop").toggleClass("Popup_in2");
              $(".Popup").toggleClass("Popup_in");
              $(".Popup-dialog").animate({top:30});
          });

          var mySwiper7 = new Swiper('.clm',{
//              prevButton:'.clm1',
//              nextButton:'.clm2',
              navigation: {
                  nextEl: '.clm1',
                  prevEl: '.clm2',
              },
          })
//
let ol1=document.querySelectorAll(".btn");
let oright1=document.querySelectorAll('.H-bian');

function fb(a,b){
    for(let i=0;i<a.length;i++){
        a[i].onmouseover=(function(x){
            return function(){
                for(let j=0;j<b.length;j++){
                    b[j].style.display="none";
                }
                b[x].style.display="block"
            }
        })(i)
    }
}
fb(ol1,oright1)


setTimeout(function(){
    document.getElementById("test").style.marginTop="-80px";
},3000);

$(".btn11").click(function(){
    $("#test").css("marginTop","-80px")

})

</script>
</body>
</html>